<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="../template/layout.xhtml">

	<ui:define name="content">

			<h1 class="titulo-h1" >Pesquisar Usuário</h1>
			<h:form id="formPesquisa">
				<h:panelGrid columns="4">
					<p:selectOneMenu value="#{usuarioMB.pesquisar}"
						style="width:100px;position:absolute;margin-top:-19px;margin-right:20px;">
						<f:selectItem itemLabel="Nome" itemValue="nome" />
						<f:selectItem itemLabel="CPF" itemValue="cpf" />
						<p:ajax update="campoPes" />
					</p:selectOneMenu>
					<p:inputMask
						style="width:183px;margin-left: 110px;margin-right:10px;"
						rendered="#{usuarioMB.atulizarMascara()==true}" id="campoPes"
						value="#{usuarioMB.campoPesquisar}"
						mask="#{usuarioMB.mascaraCampoPesquisar}" />
					<p:commandButton style="margin-right:10px;" update="listaUsuarios"
						value="Pesquisar" ajax="false"
						actionListener="#{usuarioMB.pesquisarUsuarios}" />
					<p:commandButton style="margin-right:10px;" value="Novo"
						ajax="false" actionListener="#{usuarioMB.prepararNovoUsuario}" />
				</h:panelGrid>
			</h:form>
		
		<p:spacer height="25"></p:spacer>

		<h1 class="titulo-h1" >Lista de Usuário</h1>
			<p:growl globalOnly="true" showDetail="true" autoUpdate="true" />
			<h:dataTable value="#{usuarioMB.listaUsuario}" var="usuario"
				id="listaUsuarios">
				<h:column>
					<f:facet name="header" >  
		                Nome  
		            </f:facet> 
		            #{usuario.nome}
		            </h:column>
				<h:column>
					<f:facet name="header">  
		                CPF  
		            </f:facet>
		            #{usuario.cpf}
		            </h:column>
				<h:column>
					<f:facet name="header">  
		                E-mail  
		            </f:facet>
		            #{usuario.email}
		            </h:column>
				<h:column>
					<f:facet name="header">  
		                Login  
		            </f:facet>
		            #{usuario.login}
		            </h:column>
				<h:column>
					<f:facet name="header">  
		                Sexo  
		            </f:facet>
		            #{usuario.sexo}
		            </h:column>
				<h:column>
					<f:facet name="header">  
		                Admin  
		            </f:facet>
					<h:outputText rendered="#{usuario.perfil.idPerfil == 1}" value="Sim"></h:outputText>
					<h:outputText rendered="#{usuario.perfil.idPerfil != 1}" value="Não"></h:outputText>
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Alterar" />
					</f:facet>
					<h:form>					
						<p:commandButton ajax="false" image="ui-icon-pencil"
							action="#{usuarioMB.prepararAlterarUsuario}" />
					</h:form>						
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Excluir" />
					</f:facet>
					<h:form>
						<p:commandButton ajax="false" id="btnExcluirCarreta"
							image="ui-icon-closethick" 
							actionListener="#{usuarioMB.removerUsuario}" />
					</h:form>
				</h:column>
			</h:dataTable>
			<h:outputText value="Nenhum registro!"
				rendered="#{usuarioMB.listaUsuario==null}" />

	</ui:define>





</ui:composition>